<!DOCTYPE html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="Cake&#39;s Dream is Beautiful Template " name="description">
    <meta content="" name="author">
    <link href="./assets/images/favicon-32x32.png" rel="shortcut icon">
    <title>商品详情</title>
    <link href="../assets/stylesheets/css/bootstrap.css" rel="stylesheet">
    <link href="../assets/stylesheets/css/font-family.css" rel="stylesheet">
    <link href="../assets/stylesheets/css/responsive.css" rel="stylesheet">
    <link href="../assets/stylesheets/css/slick.css" rel="stylesheet">
    <link href="../assets/stylesheets/css/slick-theme.css" rel="stylesheet">
    <link href="../assets/stylesheets/css/style.css" rel="stylesheet">
    <link href="../assets/stylesheets/css/animate.css" rel="stylesheet">
    <link href="../assets/javascripts/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css">
    <link href="../assets/stylesheets/css/global.css" rel="stylesheet">
    <link href="../assets/stylesheets/css/effect2.css" rel="stylesheet" type="text/css">
    <link href="../iconfont/iconfont.css" rel="stylesheet" type="text/css">
    <script src="../assets/javascripts/modernizr.custom.js"></script>
  </head>
  <body class="demo-1">
    <div class="ip-container" id="ip-container">
      <!--initial header-->
      <header class="ip-header">
        <div class="ip-loader">
          <svg class="ip-inner" height="60px" viewbox="0 0 80 80" width="60px"><path class="ip-loader-circlebg" d="M40,10C57.351,10,71,23.649,71,40.5S57.351,71,40.5,71 S10,57.351,10,40.5S23.649,10,40.5,10z"></path><path class="ip-loader-circle" d="M40,10C57.351,10,71,23.649,71,40.5S57.351,71,40.5,71 S10,57.351,10,40.5S23.649,10,40.5,10z" id="ip-loader-circle"></path></svg>
        </div>
      </header>
      <!--main content-->
      <div class="ip-main">
        <div class="top-highlight hide">
          &nbsp;
        </div>
        <!-- Start Header Cake -->
        <section class="header-wrapper">
          <header class="wrap-header purple-top-dot">
            <div class="top-absolute">
              <div class="top-header">
                <div class="container">
                  <!-- <div class="navbar-header visible-xs">
                      <a href="../index.html"><h3><i class="iconfont iconfanhuishouye"></i>返回首页</h3></a>
                  </div> -->
                  <!-- <nav>
                    <ul class="header-nav hidden-xs">
                      <li>
                        <a href="../index.html"><h2><i class="iconfont iconfanhuishouye"></i>返回首页</h2></a>
                      </li>
                    </ul>
                  </nav> -->
                  <!-- End Mega Menu Cake -->
                </div>
              </div>
              <div class="triangle">
                &nbsp;
              </div>
            </div>
            <div class="tittle-sub-top "><!--pad-top-150-->
              <div class="container">
                <a href="../index.html"><i class="iconfont iconfanhuishouye"></i>首页/</a>
                <h1>
                  商品详情
                </h1>
              </div>
            </div>
          </header>
          <div class="purple-arrow">
            &nbsp;
          </div>
          <div class="chart-cake">
            <div class="container">
              <div class="row">
                <div class="col-sm-6">
                  <img alt="Cake-one"  src="../assets/images/head/01.png" style="max-width: 23.6em;max-height: 30em;">
                </div>
                <div class="col-sm-6">
                  <div class="tittle-chart-cake">
                    <h1 class="pink-color">
                      淡奶油<span class="grey-color"><i>蛋糕</i></span>
                    </h1>
                  </div>
                  <ul class="star">
                    <li>
                      <div class="icon-star-active">
                        &nbsp;
                      </div>
                    </li>
                    <li>
                      <div class="icon-star-active">
                        &nbsp;
                      </div>
                    </li>
                    <li>
                      <div class="icon-star-active">
                        &nbsp;
                      </div>
                    </li>
                    <li>
                      <div class="icon-star-disable">
                        &nbsp;
                      </div>
                    </li>
                    <li>
                      <div class="icon-star-disable">
                        &nbsp;
                      </div>
                    </li>
                    <li>
                      <span class="grey-color"><i>星级</i></span>
                    </li>
                  </ul>
                  <div class="tittle-chart-cake mar-top-10">
                    <h1 class="pink-color">
                      ￥168
                    </h1>
                  </div>
                  <p class="mar-top-10 mar-btm-20">
                        <span style="color: #131515;">6寸粉色木马，蓝色木马均有，现烤现做，新鲜水果。</span><br>
                        <span style="color: red;">购买方式：微信扫描下方二维码，添加商家，并把商品详情截图发送给商家，双方确认后买家付款，商家发货。</span>
                  </p>
                  <!-- <form action="#" class="btn-inline">
                    <button class="btn btn-pink-cake mar-right-10">Add to Chart</button>
                  </form>
                  <form action="#" class="btn-inline">
                    <button class="btn btn-grey-cake">View Details</button>
                  </form> -->
                  <div class="row">
                        <div class="col-sm-3">
                          <div class="more-product">
                            <img alt="More-Product" class="img-100" src="../assets/images/weixin/weixin.png">
                          </div>
                        </div>
                  </div>     
                </div>
              </div>
            </div>
          </div>
          
        </section>
        <!-- End Header Cake -->
        <!-- <div class="green-arrow">
          &nbsp;
        </div> -->
        <!-- Start More Cake -->
        
        <!-- End More Cake -->
        <!-- <div class="green-arrow">
          &nbsp;
        </div>
        <div class="pad-top-150"></div> -->
        <!-- Start Footer Cake -->
        <footer>
                <div class="triangle-no-animate">
                  &nbsp;
                </div>
                <div class="container">
                  <div class="abs-logo-footer">
                    <img alt="Logo-Cake" src="../assets/images/logo.png">
                  </div>
                  <div class="top-footer">
                    <div class="row">
                      <div class="col-sm-6">
                        <img alt="Logo-White" class="img-cake-center-res mar-btm-20" src="../assets/images/logo-white.png">
                      </div>
                      <div class="col-sm-6 text-right">
                            <h2 class="">
                                Telp : <strong>18983732946</strong>
                            </h2>
                      </div>
                    </div>
                  </div>
                  <div class="line-top-white mar-btm-20 mar-top-20">
                    &nbsp;
                  </div>
                </div>
              </footer>
        <!-- End Option Cake -->
      </div>
    </div>
    <script src="../assets/javascripts/jquery.js"></script>
    <script src="../assets/javascripts/fancybox/jquery.fancybox.pack.js"></script>
    <script src="../assets/javascripts/slick.js"></script>
    <script src="../assets/javascripts/wow/wow.js"></script>
    <script src="../assets/javascripts/custom.js"></script>
    <script src="../assets/javascripts/bootstrap.js"></script>
    <script src="../assets/javascripts/classie.js"></script>
    <script src="../assets/javascripts/pathLoader.js"></script>
    <script src="../assets/javascripts/main.js"></script>
    <script type="text/javascript">
      new WOW().init();
    </script>
  </body>
</html>

